<!DOCTYPE html>
<html class="pixel-ratio-1">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
		<meta name="viewport" content="width=375, user-scalabe=no">
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<title>生猪采购计划-列表</title>
		<link rel="stylesheet" type="text/css" href="../../../../public/vendor/weui/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
		<link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css">
		<!-- Site CSS -->
		<link rel="stylesheet" href="../../../../public/themes/base/css/site.css" id="admui-siteStyle">
		<link rel="stylesheet" href="../../../../public/css/features/food/certregs/pigprocurementplan.css">
		<script id="pigprocurementplan-template" type="text/x-template">
			{{~ it :value:index}}
				<div class="page__bd page__bd_spacing recruitment_jobs looksale">
					<div class="weui-flex marbot">
						<div style="flex: 1;">
							<div class="placeholder" style="font-weight:800; font-size: 16px;">
								单号：{{=value.billNo || '暂无单据编号'}}</div>
						</div>
						<div class="salesplanstate">
							<div class="placeholder">{{=value.billStatusCh || ''}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">
								<span
									style="font-weight: 600;">需求日期：</span>{{=value.bizDate ? moment(value.bizDate).format('YYYY-MM-DD') : ''}}
							</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">
								<span style="font-weight: 600;">创建人：</span>{{=value.creatorName || ''}}
								<span
									style="color:#999; margin-left: 10px;">{{=value.createTime ? moment(value.createTime).format('MM-DD HH:mm') : ''}}</span>
							</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#666">
								公司：{{=value.company && value.company.name || ''}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#666">
								客户：{{=value.customer && value.customer.name || ''}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#666">
								品类：{{=value.pigTypeName || ''}}{{=value.pigTypeNumcode ? '(' + value.pigTypeNumcode + ')' : ''}}
							</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#666">数量：<span
									style="font-weight: 600; color:#07c160;">{{=value.number || 0}}</span>{{=value.pigTypeBaseUnit || '头'}}
							</div>
						</div>
					</div>
					{{? value.remark }}
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#999">备注：{{=value.remark}}</div>
						</div>
					</div>
					{{?}}
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
						</div>
						<div class="salesplanstate saleElp">
							<div class="placeholder ellipsis">
								<svg t="1663838073483" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="2539" width="30" height="20">
									<path
										d="M256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM576 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"
										p-id="2540"></path>
								</svg>
							</div>
						</div>
						<div class="detail" style="display: none;">
							<ul class="saledetail">
								<li class="edit operation subsale" data-id='{{=value.id}}'>编辑</li>
								<li class="audit">审核</li>
								<li class="antiaudit savesale subsale">反审核</li>
								<li class="delete subsale">删除</li>
							</ul>
						</div>
					</div>
				</div>
				{{~}}
					<div class="weui-loadmore weui-loadmore_line" style="margin-top: 100px;">
						<span class="weui-loadmore__tips" style="background: #f1f1f1;">已经到底了</span>
					</div>
		</script>
	</head>

	<body>
		<div id="pigprocurementplan">
			<!-- 固定的日期筛选栏 -->
			<div class="date-filter-bar">
				<div class="date-filter-row">
					<div class="date-item">
						<span class="date-label">开始</span>
						<input class="date-input" id="startDate" type="text" readonly placeholder="选择日期">
					</div>
					<span class="date-separator">-</span>
					<div class="date-item">
						<span class="date-label">结束</span>
						<input class="date-input" id="endDate" type="text" readonly placeholder="选择日期">
					</div>
					<button class="date-btn-reset" id="resetDate">重置</button>
				</div>
			</div>

			<!-- 可滚动的列表容器 -->
			<div class="scroll-container" id="pigprocurementplanId">
				<div id="pull-down" class="pull-down">
					<div class="pull-down-content">松开刷新</div>
				</div>
				<div id="salesplantel"></div>
			</div>

			<!-- 新增按钮 -->
			<div class="addsaleorders" id="addsaleorders">
				<div class="addsales">
					<i class="icon iconfont icon-add-line icon-font-size-24 icon-click"
						style="font-size: 50px;color: aliceblue;" aria-hidden="true"></i>
				</div>
			</div>

			<!-- 返回首页按钮 -->
			<div class="returnHome" id="returnMain">
				<i class="icon iconfont icon-pages"></i>
			</div>
		</div>


		<script type="text/javascript" src="../../../../public/vendor/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
		<script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
		<script type="text/javascript" src="../../../../public/vendor/weui/weui.js"></script>
		<script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
		<script type="text/javascript" src="../../../../public/js/common/iosadaptation.js"></script>
		<script type="text/javascript" src="../../../../public/js/config/utils.js"></script>
		<script type="text/javascript" src="../../../../public/vendor/swiper/swiper.js"></script>

		<script type="module" src="../../../../public/js/features/food/certregs/pigprocurementplan.js"></script>
	</body>

</html>